// Variables.less
// Variables to customize the look and feel of Bootstrap
// -----------------------------------------------------


// LINK COLORS
// -----------

@linkColor:         #0069d6;
@linkColorHover:    darken(@linkColor, 15);


// GRAYS
// -----

@black:             #000;
@grayDark:          lighten(@black, 25%);
@gray:              lighten(@black, 50%);
@grayLight:         lighten(@black, 75%);
@grayLighter:       lighten(@black, 90%);
@white:             #fff;


// ACCENT COLORS
// -------------

@blue:              #049CDB;
@blueDark:          #0064CD;
@green:             #46a546;
@red:               #9d261d;
@yellow:            #ffc40d;
@orange:            #f89406;
@pink:              #c3325f;
@purple:            #7a43b6;


// GRID
// ----

// Modify the grid styles in mixins.less
@margin:            10px;
@gridColumns:       24;
@gridColumnWidth:   20px;
@gridGutterWidth:   20px;
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
@extraSpace:        (@gridGutterWidth * 2); // For our grid calculations

// Color Scheme
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
@baseColor:         @blue;                  // Set a base color
@complement:        spin(@baseColor, 180);  // Determine a complementary color
@split1:            spin(@baseColor, 158);  // Split complements
@split2:            spin(@baseColor, -158);
@triad1:            spin(@baseColor, 135);  // Triads colors
@triad2:            spin(@baseColor, -135);
@tetra1:            spin(@baseColor, 90);   // Tetra colors
@tetra2:            spin(@baseColor, -90);
@analog1:           spin(@baseColor, 22);   // Analogs colors
@analog2:           spin(@baseColor, -22);

// THEME VARIABLES
// ---------------

// Typography
@baseFontSize:          12px;
@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight:        18px;

// Visuals
@primaryButtonColor:    @blue;

// BACKGROUND
//---------------
.bg-blue           {background-color: @blue;}
.bg-blue-light     {background-color: lighten(@blue, 45%);}
.bg-blueDark       {background-color: @blueDark;}
.bg-green          {background-color: @green;}
.bg-red            {background-color: @red;}
.bg-orange         {background-color: @orange;}
.bg-pink           {background-color: @pink;}
.bg-yellow         {background-color: @yellow;}
.bg-purple         {background-color: @purple;}